import React from 'react'

const InterestsItem = props => {
  return (
    <div className="statistics-card-item d-flex justify-content-between align-items-center">
      <div className="title-section">
        <h2 className="text-bold-600 mb-25">{ props.percent }</h2>
        <p className="mb-0">{ props.title }</p>
      </div>
      <div className="icon-section">
        <div className={`avatar avatar-stats p-50 m-0 bg-rgba-${ props.color }`}>
          <div className="avatar-content">
            { props.icon }
          </div>
        </div>
      </div>
    </div>
  )
}

export default InterestsItem
